<template>
	<u-popup width="580" v-model="showToast" mode="center" border-radius="20">
		<view class="wheel-box u-text-center">
			<view class="fs32 fwb mt30 mb30">
				补差价提示
			</view>
			<u-line color="#e5e5e5" />
			<view class="c3 fs30 fwb p020 mt30" style="line-height: 48rpx;">
				存在需补差价 <text style="color: #ef2929;">{{errorInfo.changePlatformMoney}}</text>元的历史订单，请前往支付！
			</view>
			<view class="df aic mt30 mb30 jcc w100">
				<u-button @click="cancel" :hair-line="false" class="mr20"
					:custom-style="{fontSize: '28rpx', color: '#48A147',width: '245rpx', border:'1rpx solid #48A147', height: '68rpx',background: '#fff'}"
					shape='circle' ripple>查看</u-button>
				<u-button @click="ok" :hair-line="false" class="" type="primary"
					:custom-style="{fontSize: '28rpx', color: '#ffffff',width: '245rpx', height: '68rpx',background: 'linear-gradient(90deg, #48A147 0%, #8AE38A 100%)','border':'#47A848'}"
					shape='circle' ripple>去支付</u-button>
			</view>
		</view>
	</u-popup>
</template>

<script>
  export default {
    name: 'toastTip',
    methods: {
        ok() {
			this.$emit('onOk')
            this.showToast = false;
        },
        cancel() {
			this.$emit('cancel')
            this.showToast = false;
        }
    },
    props: {
      toastTxt: {
        type: String,
        default: ""
      },
      showToast: {
        type: Boolean,
        default: false
      },
      showCancel: {
        type: Boolean,
        default: true
      },
      tipTitle: {
        type: String,
        default: '操作确认'
      },
	  errorInfo: {
        type: Object,
        default: () =>{}
      },
  
    }
  }
</script>
<style>
</style>